// pages/feedback/feedback.js
Page({

    /**
     * 页面的初始数据
     */
    data: {
        tabs: [{
                id: 0,
                value: "体验问题",
                isActive: true
            },
            {
                id: 1,
                value: "商品、商家投诉",
                isActive: false
            }
        ],
        // 图片路径
        chooseImage: [],
        // 文本内容
        textVal: ""
    },

    UpLoadImgs: [],

    NiChooseImg(e) {
        var chooseImage = this.data.chooseImage
        if (chooseImage.length >= 9) {
            this.setData({
                lenMore: 1
            })
            setTimeout(function () {
                this.setData({
                    lenMore: 0
                })
            },2500)
            return false;
        }
        //  调用小程序内置的选择图片API
        wx.chooseMedia({
            // 选择的照片最多9张
            count: 9,
            // 图片的格式 原图 压缩
            sizeType: ['original', 'compressed'],
            //图片来源
            sourceType: ['album', 'camera'],
            success: (result) => {
                console.log(result)
                var tempFilePaths = result.tempFiles
                console.log(tempFilePaths);
                var chooseImage = this.data.chooseImage
                for (var i = 0; i < tempFilePaths.length; i++) {
                    if (chooseImage.length >= 9) {
                        this.setData({
                            chooseImage: chooseImage
                        })
                        return false
                    }else{
                        chooseImage.push(tempFilePaths[i])
                    }
                }
                this.setData({
                    chooseImage:chooseImage
                });
                // this.setData({
                //     chooseImage:chooseImage
                //     // 图片数组进行拼接(多次上传不是把前面的照片覆盖而是增加)
                //     chooseImage: result.tempFiles[0]
                //     // [...this.data.chooseImage, ...result.tempFiles[0]]
                // })

                // const nihao = {...this.data.chooseImage, ...result.tempFilePath}
                // console.log( ...result.tempFilePath);
                // this.setData({
                //     // 图片数组进行拼接(多次上传不是把前面的照片覆盖而是增加)

                //     chooseImage: nihao
                // })
            }
        })
    },
    // 点击删除
    handleRemoveImg(e) {
        //  获取被点击的组件的索引
        const {
            index
        } = e.currentTarget.dataset;
        // console.log(index);
        // 获取data中的图片数组
        let {
            chooseImage
        } = this.data;
        // 删除元素
        chooseImage.splice(index, 1);
        this.setData({
            chooseImage
        })
    },
    //  文本域输入事件
    handleTextInput(e) {
        this.setData({
            textVal: e.detail.value
        })
    },
    handleFormSubmit() {
        // 获取文本域的内容和图片数组
        const {
            textVal,
            chooseImage
        } = this.data;
        // 合法性验证（文本域是否为空）
        if (!textVal.trim()) {
            // 不合法
            wx.showToast({
                title: '输入不合法',
                icon: 'none',
                mask: 'true'
            });
            return;
        }
        // 准备上传图片到专门的图片服务器
        // 显示正在等待的图标
        wx.showLoading({
            title: "正在上传中",
            mask: true
        })
        // 判断有没有需要上传的图片数组
        if (chooseImage.length != 0) {
            // 上传文件的API不支持多个文件同时上传 方法：遍历数组挨个上传
            chooseImage.forEach((v, i) => {
                wx.uploadFile({
                    // 被上传的文件路径
                    filePath: v,
                    // 上传文件的名称 用途：后台来获取文件
                    name: 'file',
                    // 文件要上传到哪里
                    url: 'https://images.ac.cn/Home/Index/UploadAction/',
                    // 顺带的文本信息
                    formData: {},
                    success: (result) => {
                        console.log(result);
                        // JSON.parse去掉JSON格式
                        let url = JSON.parse(result.data).url;
                        // 给UpLoadImgs赋值
                        this.UpLoadImgs.push(url);
                        // console.log(UpLoadImgs);
                        // 所有的图片都上传完毕才触发
                        if (i === chooseImage.length - 1) {
                            // 关闭弹窗
                            wx.hideLoading();

                            console.log("把文本的内容和外网的图片数组提交到后台中");
                            // 提交成功了
                            // 重置页面
                            this.setData({
                                textVal: "",
                                chooseImage: []
                            })
                            // 返回上一个页面
                            wx.navigateBack({
                                delta: 1,
                            })
                        }
                    }
                })
            })
        } else {
            console.log("只是提交的文本");
            wx.navigateBack({
                delta: 1,
            })
        }
    },
    handletabsItemChange(e) {
        // 1 获取被点击的标题索引
        const {
            index
        } = e.detail;
        // 2 修改源数组
        let {
            tabs
        } = this.data;
        tabs.forEach((v, i) => i === index ? v.isActive = true : v.isActive = false);
        // 3 赋值到data中
        this.setData({
            tabs
        })
    },
    /**
     * 生命周期函数--监听页面加载
     */
    onLoad(options) {

    },

    /**
     * 生命周期函数--监听页面初次渲染完成
     */
    onReady() {

    },

    /**
     * 生命周期函数--监听页面显示
     */
    onShow() {

    },

    /**
     * 生命周期函数--监听页面隐藏
     */
    onHide() {

    },

    /**
     * 生命周期函数--监听页面卸载
     */
    onUnload() {

    },

    /**
     * 页面相关事件处理函数--监听用户下拉动作
     */
    onPullDownRefresh() {

    },

    /**
     * 页面上拉触底事件的处理函数
     */
    onReachBottom() {

    },

    /**
     * 用户点击右上角分享
     */
    onShareAppMessage() {

    }
})